<template>
	<view class="cu-timeline">
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.2.3</view>
					<view class="cu-tag line-white">2021-04-26</view>
				</view>
				<view class="margin-top">
					1、优化登录样式部分界面
					2、登录样式增加登录界面9</br>
					3、登录样式增加登录界面10</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.2.2</view>
					<view class="cu-tag line-white">2021-04-24</view>
				</view>
				<view class="margin-top">
					1、优化部分界面
					2、背景样式中新增动态、动画、渐变样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.2.1</view>
					<view class="cu-tag line-white">2021-04-21</view>
				</view>
				<view class="margin-top">
					1、登录样式中新增登录样式8</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.10</view>
					<view class="cu-tag line-white">2021-04-17</view>
				</view>
				<view class="margin-top">
					1、物联网样式中修改红绿灯动画</br>
					2、翻书样式中新增翻书动画</br>
					3、新增新拟态样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.9</view>
					<view class="cu-tag line-white">2021-04-08</view>
				</view>
				<view class="margin-top">
					1、物联网样式中增加唱片机动画</br>
					2、加载样式中增加压路机加载</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.8</view>
					<view class="cu-tag line-white">2021-04-06</view>
				</view>
				<view class="margin-top">
					1、优化界面及样式</br>
					2、抽奖样式中增加摇一摇抽奖</br>
					3、拖动样式中增加手势密码</br>
					4、背景样式中增加格子背景</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.7</view>
					<view class="cu-tag line-white">2021-04-01</view>
				</view>
				<view class="margin-top">
					1、气泡样式中增加上升气泡</br>
					2、物联网样式中增加电量动画</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.6</view>
					<view class="cu-tag line-white">2021-03-28</view>
				</view>
				<view class="margin-top">
					1、优化界面</br>
					2、其他增加烟花效果</br>
					3、营销样式中增加树浇水动画</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.5</view>
					<view class="cu-tag line-white">2021-03-21</view>
				</view>
				<view class="margin-top">
					1、新增拖动样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.4</view>
					<view class="cu-tag line-white">2021-03-10</view>
				</view>
				<view class="margin-top">
					1、商城样式中增加优惠券样式4</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.3</view>
					<view class="cu-tag line-white">2021-03-02</view>
				</view>
				<view class="margin-top">
					1、个人中心样式中增加我的13</br>
					2、登录样式中增加登录界面6</br>
					3、登录样式中增加登录界面7</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.2</view>
					<view class="cu-tag line-white">2021-02-28</view>
				</view>
				<view class="margin-top">
					1、个人中心样式中增加我的11</br>
					2、个人中心样式中增加我的12</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.1.1</view>
					<view class="cu-tag line-white">2021-02-22</view>
				</view>
				<view class="margin-top">
					1、新增文字样式</br>
					2、物联网样式中增加红绿灯动画</br>
					3、“样式收集” 已更名 “样式库”</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.20</view>
					<view class="cu-tag line-white">2021-02-20</view>
				</view>
				<view class="margin-top">
					1、商城样式中增加优惠券样式3</br>
					2、个人中心样式中增加底部波浪</br>
					3、翻转样式中增加3d2</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.19</view>
					<view class="cu-tag line-white">2021-02-18</view>
				</view>
				<view class="margin-top ">
					1、背景样式中增加斜线背景</br>
					2、气泡样式中增加水滴融合动画</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.18</view>
					<view class="cu-tag line-white">2021-02-10</view>
				</view>
				<view class="margin-top ">
					1、天气样式中增加闪电动画</br>
					2、天气样式中增加下雪背景</br>
					3、天气样式中增加动画套图2</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.17</view>
					<view class="cu-tag line-white">2021-02-09</view>
				</view>
				<view class="margin-top ">
					1、新增背景样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.16</view>
					<view class="cu-tag line-white">2021-02-06</view>
				</view>
				<view class="margin-top ">
					1、天气样式中增加晴阴雨雪样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.15</view>
					<view class="cu-tag line-white">2021-02-05</view>
				</view>
				<view class="margin-top ">
					1、新增天气样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.14</view>
					<view class="cu-tag line-white">2021-01-24</view>
				</view>
				<view class="margin-top ">
					1、加载样式中增加小太阳加载</br>
					2、物联网样式中增加长按扩散</br>
					3、抽奖样式中新增刮一刮抽奖</br>
					4、抽奖样式中新增翻牌抽奖</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.13</view>
					<view class="cu-tag line-white">2021-01-17</view>
				</view>
				<view class="margin-top ">
					1、我的金币修改为签到福利</br>
					2、个人中心部分样式进行修改</br>
					3、个人中心样式中增加我的10</br>
					4、加载样式中增加纯色加载动画</br>
					5、商城样式中增加优惠券样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.12</view>
					<view class="cu-tag line-white">2021-01-03</view>
				</view>
				<view class="margin-top ">
					1、资源图片部分修改为本地</br>
					2、个人中心样式中增加我的9</br>
					3、商城样式中增加优惠券样式</br>
					4、气泡样式中增加水球动画4</br>
					5、新增加载样式</br>
					6、新增呼吸效果</br>
					7、新增波纹涟漪效果</br>
					8、新增文字颜色跑马灯
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.11</view>
					<view class="cu-tag line-white">2020-12-20</view>
				</view>
				<view class="margin-top ">
					1、新增动态背景颜色样式</br>
					2、增加翻转样式9</br>
					3、增加气泡样式</br>
					4、增加物联网样式4</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.10</view>
					<view class="cu-tag line-white">2020-12-14</view>
				</view>
				<view class="margin-top ">
					1、新增电量样式</br>
					2、增加物联网样式</br>
					3、增加气泡样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.9</view>
					<view class="cu-tag line-white">2020-12-06</view>
				</view>
				<view class="margin-top ">增加个人中心样式</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.8</view>
					<view class="cu-tag line-white">2020-11-30</view>
				</view>
				<view class="margin-top ">
					1、项目界面更改</br>
					2、增加翻转样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.7</view>
					<view class="cu-tag line-white">2020-11-20</view>
				</view>
				<view class="margin-top">
					1、仪表增加样式</br>
					2、气泡增加样式</br>
					3、新增开关样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.6</view>
					<view class="cu-tag line-white">2020-11-19</view>
				</view>
				<view class="margin-top ">
					1、新增丝带样式</br>
					2、新增抽奖样式</br>
					3、优化部分界面样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.5</view>
					<view class="cu-tag line-white">2020-11-12</view>
				</view>
				<view class="margin-top ">
					1、新增红包样式</br>
					2、新增仪表样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.4</view>
					<view class="cu-tag line-white">2020-11-04</view>
				</view>
				<view class="margin-top ">
					1、新增分割线样式</br>
					2、新增翻书样式</br>
					3、新增气泡样式</br>
				</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.3</view>
					<view class="cu-tag line-white">2020-10-30</view>
				</view>
				<view class="margin-top ">气泡增加样式</view>
			</view>
		</view>
		<view class="cu-item">
			<view class="content bg">
				<view class="cu-capsule radius">
					<view class="cu-tag bg-white">1.0.1</view>
					<view class="cu-tag line-white">2020-10-24</view>
				</view>
				<view class="margin-top ">"样式收集" 项目建立、上线</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {},
		methods: {}
	}
</script>

<style lang="scss">
	.bg {
		background: linear-gradient(to bottom right, #a9c6b6, #b3cfc9);
		color: #FFFFFF;
	}

	.cu-timeline {
		display: block;
		background-color: #ffffff;
	}

	.cu-timeline .cu-time {
		width: 120rpx;
		text-align: center;
		padding: 20rpx 0;
		font-size: 26rpx;
		color: #888;
		display: block;
	}

	.cu-timeline>.cu-item {
		padding: 30rpx 50rpx;
		position: relative;
		display: block;
		z-index: 0;
	}

	.cu-timeline>.cu-item:not([class*="text-"]) {
		color: #ccc;
	}

	.cu-timeline>.cu-item>.content {
		padding: 30rpx;
		border-radius: 6rpx;
		display: block;
		line-height: 1.6;
	}

	.cu-capsule {
		display: inline-flex;
		vertical-align: middle;
	}

	.radius {
		border-radius: 10rpx;
	}

	.cu-tag {
		font-size: 24rpx;
		vertical-align: middle;
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 0rpx 16rpx;
		height: 48rpx;
		font-family: Helvetica Neue, Helvetica, sans-serif;
		white-space: nowrap;
	}

	.cu-tag:not([class*="bg"]):not([class*="line"]) {
		background-color: #f1f1f1;
	}

	.cu-tag[class*="line-"]::after {
		content: " ";
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1rpx solid currentColor;
		transform: scale(0.5);
		transform-origin: 0 0;
		box-sizing: border-box;
		border-radius: inherit;
		z-index: 1;
		pointer-events: none;
	}

	.bg-white {
		background-color: #ffffff;
		color: #666666;
	}

	.margin-top {
		margin-top: 30rpx;
		font-size: 28rpx;
	}
</style>
